<div class="ma-brand-slider-contain">
   <div class="ma-brand-slider">
      <ul id ="ma-brandpro-slider" class="brand-slider">
         <li class="item  first" style="width:120.5px"><img src="css/front/images/intel.png" alt="" /></li>
         <li class="item " style="width:120.5px"><img src="css/front/images/fujifilm.png" alt="" /></li>
         <li class="item " style="width:120.5px"><img src="css/front/images/motorola.png" alt="" /></li>
         <li class="item " style="width:120.5px"><img src="css/front/images/galaxy.png" alt="" /></li>
         <li class="item " style="width:120.5px"><img src="css/front/images/apple.png" alt="" /></li>
         <li class="item " style="width:120.5px"><img src="css/front/images/nikia.png" alt="" /></li>
      </ul>
      <script type="text/javascript">
         //<![CDATA[
         function mycarousel_initCallback(carousel)
         {
             carousel.buttonNext.bind('click', function() {
                 carousel.startAuto(0);
             });
             carousel.buttonPrev.bind('click', function() {
                 carousel.startAuto(0);
             });
             carousel.clip.hover(function() {
                 carousel.stopAuto();
             }, function() {
                 carousel.startAuto();
             });
         }
         ;
         $bn1(document).ready(function() {
             $bn1('#ma-brandpro-slider').jcarousel({
                 auto: 0,
                 wrap: 'circular',
                 animation: 1000,
                 scroll: 1,
                 initCallback: mycarousel_initCallback
             });
         });
         $bn1(".ma-brand-slider-contain")
                 .css("width", "723px")
                 .css("height", "68px");
         //]]>
      </script>
   </div>
</div>